<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<!-- This template was created by Mantis-a [http://www.mantisa.cz/]. For more templates visit Free website templates [http://www.mantisatemplates.com/]. -->

<meta name="Description" content="..." />
<meta name="Keywords" content="..." />
<meta name="robots" content="all,follow" />
<meta name="author" content="..." />
<meta name="copyright" content="Mantis-a [http://www.mantisa.cz/]" />

<meta http-equiv="Content-Script-Type" content="text/javascript" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen, projection, tv" />
<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="css/style-ie.css" media="screen, projection, tv" /><![endif]-->
<link rel="stylesheet" href="css/style-print.css" type="text/css" media="print" />

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

<title>Website name | Homepage</title>
</head>

<body>
<div id="main">

	<!-- Header -->
	<div id="header">
		<div id="header-content">
			<!-- Your website name  -->
			<h1><a href="#">MY <span>DELICIOUS</span> SITE</a></h1>
			<!-- Your website name end -->
			
				<!-- Your slogan -->
				<h2>Lorem ipsum dolor sit amet</h2>
				<!-- Your slogan end -->
			
			<!-- Search form -->	
				<form class="searching" action="">
				<fieldset>
					<label></label>
						<div id="picture-input">
							<input type="text" class="search" onfocus="if(this.value==this.defaultValue)this.value=''" 
							onblur="if(this.value=='')this.value=this.defaultValue" value="Search&hellip;" />
						</div>
							<input class="hledat" type="image" src="img/search-button.gif" name="" value="Search" alt="Search" />
				</fieldset>
				</form>
				<!-- Search form end -->
		</div>
	<div id="rss-block"><a id="rss-icon" href="#">RSS</a></div>		
	</div>
	<!-- Header end -->
	
	<!-- Menu -->
	<div id="menu-box" class="cleaning-box">
	<a href="#skip-menu" class="hidden">Skip menu</a>
		<ul id="menu">
			<li><a href="#" class="active">Home</a></li>
			<li><a href="#">About me</a></li>
			<li><a href="#">My work</a></li>
			<li><a href="#">Support</a></li>
			<li><a href="#">Contact me</a></li>
		</ul>
	</div>
	<!-- Menu end -->
	
<hr class="noscreen" />

<div id="skip-menu"></div>
	
	<div id="content">
	
		<div id="content-box">
		
			<!-- Left column -->
			<div id="content-box-in-right">
				<div id="content-box-in-right-in">
					<h3>LOREM IPSUM DOLOR SIT AMET</h3>
						<div class="block">
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec non metus nec dui dignissim elementum. 
						Maecenas commodo malesuada augue. Fusce at arcu sed diam facilisis placerat. Morbi venenatis, odio in gravida dictum, 
						odio enim viverra libero, a <a href="#">volutpat nisl</a> dui sed quam. Proin venenatis gravida nunc. Aliquam justo felis, consequat nec, 
						ultricies vel, sollicitudin eleifend, dolor. Nullam nec eros. Etiam semper mi et erat. Curabitur vel leo. Suspendisse potenti. 
						Maecenas aliquet fermentum tellus. Curabitur purus dolor, congue eu, pulvinar eleifend, ultricies dictum, nisi. 
						Aliquam erat volutpat. Donec pulvinar est vel leo.</p>
						
						<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec non metus nec dui dignissim elementum. 
						Maecenas commodo malesuada augue. Fusce at arcu sed diam facilisis placerat. Morbi venenatis, odio in gravida dictum, 
						odio enim viverra libero, a volutpat nisl dui sed quam. Proin venenatis gravida nunc.</p>
						</div>
						
					<h3>LOREM IPSUM DOLOR SIT AMET</h3>
					
					<div id="small-gallery">
						<a href="#"><img src="img/foto/01.jpg" alt="Image 1" width="96" height="72" /></a>
						<a href="#"><img src="img/foto/02.jpg" alt="Image 1" width="96" height="72" /></a>
						<a href="#"><img src="img/foto/03.jpg" alt="Image 1" width="96" height="72" /></a>
						<a href="#"><img src="img/foto/04.jpg" alt="Image 1" width="96" height="72" /></a>
						<a href="#"><img src="img/foto/05.jpg" alt="Image 1" width="96" height="72" /></a>
						<a href="#"><img src="img/foto/06.jpg" alt="Image 1" width="96" height="72" /></a>
						<a href="#"><img src="img/foto/07.jpg" alt="Image 1" width="96" height="72" /></a>
						<a href="#"><img src="img/foto/08.jpg" alt="Image 1" width="96" height="72" /></a>
					</div>
						
				</div>
			</div>
			<!-- Left column end -->

<hr class="noscreen" />
			
			<!-- Right column -->
			<div id="content-box-in-left">
				<div id="content-box-in-left-in">
					<h3>Lorem ipsum</h3>
					<ul>
						<li><a href="#">Lorem ipsum</a></li>
						<li><a href="#" class="active">Lorem ipsum</a></li>
						<li><a href="#">Lorem ipsum</a></li>
						<li><a href="#">Lorem ipsum</a></li>
						<li><a href="#">Lorem ipsum</a></li>
					</ul>
						
			<h3>Lorem ipsum</h3>
				<ul>
						<li><a href="#">Lorem ipsum</a></li>
						<li><a href="#">Lorem ipsum</a></li>
						<li><a href="#">Lorem ipsum</a></li>
						<li><a href="#">Lorem ipsum</a></li>
						<li><a href="#">Lorem ipsum</a></li>
						<li><a href="#">Lorem ipsum</a></li>
						<li><a href="#">Lorem ipsum</a></li>
					</ul>

			</div>
			</div>
			<div class="cleaner">&nbsp;</div>
			<!-- Right column end -->
		</div>
	</div>

<hr class="noscreen" />
	
	<!-- Footer -->
	<div id="footer">
			<p class="footer-left">&copy; <a href="#">MY DELICIOUS SITE</a>, 2008.</p>
			<p class="footer-right"><a href="http://www.mantisatemplates.com/">Free web templates</a> 
			by <a href="http://www.mantisa.cz/">Mantis-a</a></p>
	</div>
	<!-- Footer end -->

</div>
</body>
</html>
